import { createGlobalStyle } from 'styled-components';

export const GlobalStyle = createGlobalStyle`
  body {
    background-color: ${(props) => props.theme.colors.body};
    color: ${(props) => props.theme.textColor};
    transition: 0.5s all;
    overflow: hidden;
  }
  *{
    margin: 0;
    padding: 0;
  }
  #root{
    width: 100vw;
    height: 100vh;
    border: 1px solid #999999;
    border-radius: 2px;
    overflow: hidden;
    background-color: ${(props) => props.theme.colors.body};
    transition: 0.5s all;
  }

  .ant-tabs-tabpane,.ant-tabs-content{
    height: 100%;
  }

  .ant-collapse-item-active .ant-collapse-header{
    background-color: #DEDEDE;
  }
  
`;

export default GlobalStyle;